.left-bar-menu{
  &.el-menu--dark{
    background-color: transparent;
  }

  .user_info{
    padding: 30px 20px;

    .img_and_tip{
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: center;
      img{
        width: 50px;
        height: 50px;
        border-radius: 25px;
      }

      .tip{
        background:#ff4949;
        border-radius:100px;
        width:34px;
        color: #fff;
        height:18px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
      }
    }

    h1{
      font-size:14px;
      color:#ffffff;
      margin: 20px 0;
    }
    .postions{
      display: flex;
      flex-flow: row nowrap;

      >div{
        padding: 5px 10px;
        border-radius:3px;
        &.brand{
          background-color: #31b69b;
          margin-right: 10px;
          font-size:12px;
          color:#ffffff;
          line-height:18px;
        }
        &.role{
          background-color: #555555;
          font-size:12px;
          color:#ffffff;
          line-height:18px;
        }
      }
    }
  }
}